<template>
	<div class="text-message-container" v-bind:class="{ out: message.direction === 0 }">
		<p class="text">{{ $t('message.unsupport_message_desc') }}</p>
	</div>
</template>

<script>
	import Message from '@/wfc/messages/message'

	// 未知消息
	export default {
		name: 'UnknownMessageContentView',
		props: {
			message: {
				type: Message,
				required: true
			}
		},
		mounted() {
			console.log('UnknownMessageContentView', this.message)
		}
	}
</script>

<style lang="less" scoped>
	.text-message-container {
		margin: 0 10px;
		padding: 10px;
		background-color: white;
		position: relative;
		border-radius: 5px;
	}

	.text-message-container.out {
		background-color: #98ea70;
	}

	.text-message-container .text {
		color: #050505;
		font-size: 16px;
	}
</style>
